<?php
require_once('../wpfunctions.php');
ip_redirectIfNotLoggedIn();
?>
<html>
<head>
<title>Player</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="../style.css" />
<link rel="stylesheet" type="text/css" href="../style2.css" />
<link href='http://fonts.googleapis.com/css?family=OFL+Sorts+Mill+Goudy+TT:400,400italic' rel='stylesheet' type='text/css'>
<link type="text/css" href="../css/smoothness/jquery-ui-1.8.16.custom.css" rel="stylesheet" />	
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js" type="text/javascript"></script>
<script src="../js/jquery-ui-1.8.16.custom.min.js"></script>
<script src="../js/jquery.autosize-min.js"></script>
<script src="../jgabc.js"></script>
<script src="../syllabify.js" async></script>
<script src="player.js"></script>
<!--<script src="../raphael-min.js"></script>
<script src="../vexflow-min.js"></script>
<script src="engraver-modern.js"></script>-->
<!--<script src="../abcjs_basic_1.6-min.js"></script>-->
<!--<script src="psalmtone.js"></script>-->
<style>
textarea {
  width: 100%;
  font-size: 11pt;
}
label.multilineLabel { margin-top: 7px; display:block;}
</style>
</head>
<body>

<div class='body'>
<div>
  <a href='.'><img alt='ILLUMINARE Player' src="../logo/player.png" height="35" width="360" style="margin:0.75em 0;max-width:50%;height:auto;max-height:35px;" usemap='#home'/></a>
  <a href='../'><img src="../logo/Home_Icon.svg" style="width: 27px;float:right;margin-top:0.75em"></a>
  <a href='<?php echo ip_logoutUrl(); ?>' style="float:right;font-family:sans-serif;margin:1em 2em">Log out (<?php echo $wpuser->user_login?>)</a>
</div>
<div style='margin-bottom:5px;margin-top:0.5em' class='sans'><label for='txtLoad'>Open </label><input type='text' id='txtLoad' class='-clearableField' style='width:491px' /></div>
<textarea id="editor" style='display:none;'></textarea>
<div class="lnkBtn sans" style="margin-top:0">
&nbsp;&nbsp;<a href="#" title="&lt;Space>" id="lnkPlayScore">Play Score</a>
</div>
</div>
<div id="chant-parent2" class='gabcOnly' style='margin-top:0.5em'>
  <div id="chant-parent">
    <div id="chant-pad">
      <div id="chant-preview"></div>
    </div>
  </div>
</div>
</body>
</html>